<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h2>Promise 提取为方法</h2>
    <script>
      // 调用方法,即可获取Promise对象
      // delay 秒为单位
      function timeoutPro(delay) {
        return new Promise((resolve, reject) => {
          // 根据成功  resolve then
          setTimeout(() => {
            resolve(`延迟了${delay}秒执行`)
          }, delay * 1000)
        })
      }

      timeoutPro(1)
        .then(res => {
          console.log('res:', res)
          // 继续 返回Promise对象
          return timeoutPro(2)
        })
        .then(res2 => {
          console.log('res2:', res2)
          // 继续 返回Promise对象
          return timeoutPro(3)
        })
        .then(res3 => {
          console.log('res3:', res3)
        })

      // 选中一段代码或者在变量的隔壁
      // 快捷 ctrl+alt+w w
      // 和 qq音乐 微信的快捷键冲突了
      // 便于调试
      // console.log('res:', res)
      // console.log('data:', data)
      // console.log('e.target.files:', e.target.files)
    </script>
  </body>
</html>
